<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <script src="./js/insert/toPages/toRightChat.js"></script>
    <script src="./js/insert/toPages/toWrite.js"></script>
    <script type="module" src="./js/popup.plug.js"></script>
    <script src="../web/js/other/stats.js"></script>
</head>

<body style="white-space:nowrap">
<div id="okGitUrl" style="
		position: fixed;
    	left: 0;
    	top: 0;
    	white-space: initial;
    	background-color: white;
    	padding: 1em;
    	overflow: hidden;
		display: none;
		">
    <p style="color: red;text-align: center;">你正在执行非常危险的操作！ </p>
    <p>
        <span>使用公开的魔法链接可能会导致Cookie泄漏! </span>
        <span>他人获取到你的Cookie可以不用密码验证码直接登录你的微软账号。</span>
    </p>
    <p style="text-align: center;">是否继续？</p>
    <p style="display: flex;justify-content: space-evenly;">
        <input id="okGitUrlNo" type="button" value="取消">
        <input id="okGitUrlGo" type="button" value="继续">
    </p>
</div>

<div style="
		display: flex;
		align-items: stretch;
		background-color: rgba(0,0,0,10%);
		border-radius: 1em;
		padding: 0.5em;
		">
    <img style="height: 4em;margin-right: 0.5em;" src="../web/img/nasapod128x128.png" alt="小图片">
    <div>
        <h3 style="margin: 0;">New Bing Go Go</h3>
        <p style="white-space:normal;margin: 0;" id='speak'>
            我没有角角,需要魔法链接才能帮你哦。
        </p>
    </div>
</div>

<div style="
		align-items: flex-end;
		background-color: rgba(0,0,0,10%);
		margin: 1em 0 1em 0;
		border-radius: 1em;
		padding: 0.5em;
		text-align: center;
		">
    <h3 style="text-align: center; margin:0;">输入魔法链接</h3>
    <input type="text" id="url-input" style="width: 97%;display: inline-block;">
    <select id="selectPublicUrl" style="width: 100%; display: none;"></select>
    <p id="getPublicUrl" style="margin: 0;cursor: pointer;text-decoration:underline;">获取公共魔法链接</p>
</div>

<div style="
		align-items: flex-end;
		background-color: rgba(0,0,0,10%);
		margin: 1em 0 1em 0;
		border-radius: 1em;
		padding: 0.5em;
		text-align: center;
		">
    <h3 style="text-align: center; margin:0;">聊天方式</h3>
    <select id="tallSelect" style="width: 100%;">
        <option>正常聊天(推荐)(用魔法创建聊天后正常聊天)</option>
        <option>魔法聊天(较慢)(用魔法创建聊天后继续使用魔法聊天)</option>
    </select>
</div>

<div style="
		align-items: flex-end;
		background-color: rgba(0,0,0,10%);
		margin: 1em 0 1em 0;
		border-radius: 1em;
		padding: 0.5em;
		text-align: center;
		">
    <h3 style="text-align: center; margin:0;">开始聊天</h3>
    <div style="text-align: center;">
        <a target="_blank" href="../web/NewBingGoGo.html" style="
				margin: 0.5em;
				">进入聊天页面</a>
        <a id="this-open-bing-go-go" href="#" style="
				margin: 0.5em;
				">打开小窗</a>
    </div>
</div>

<div style="
		align-items: flex-end;
		background-color: rgba(0,0,0,10%);
		margin: 1em 0 1em 0;
		border-radius: 1em;
		padding: 0.5em;
		text-align: center;
		">
    <h3 style="text-align: center; margin:0;">开始创作</h3>
    <div style="text-align: center;">
        <a target="_blank" href="../web/Write.html" style="
				margin: 0.5em;
				">进入创作页面</a>
        <a id="this-open-write" href="#" style="
				margin: 0.5em;
				">打开小窗</a>
    </div>
</div>


<div style="text-align: center;">
    <table>
        <tr>
            <td>
                <p style="font-size: 0.5rem;">
                    当前版本:<a href="#" id="thisVersion">正在获取..</a>
                </p>
            </td>
            <td>
                <p style="font-size: 0.5rem;">
                    最新版本:<a href="https://gitee.com/jja8/NewBingGoGo/releases" target="_blank"
                                id="lastVersion">正在获取..</a>
                </p>
            </td>
        </tr>
    </table>
</div>

</body>

</html>